<script lang="ts" setup>

interface name { 
  text?: string
}

const { text = '按钮' } = defineProps<name>()



</script>

<template>
  <button class="hm-button" >{{ text }}</button>
</template>

<style scoped>
.hm-button {
  background-color: #53B672;
  color: white;
  border-radius: 10px;
  padding: 10px;
  border-width: 0;
}
</style>